<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>智慧生活 | 感谢有你</title>
    <!-- Tell the browser to be responsive to screen width -->
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <!-- Bootstrap 3.3.6 -->
    <link rel="stylesheet" href="${rc.contextPath}/static/bootstrap/css/bootstrap.min.css">
    <!-- Font Awesome -->
    <link rel="stylesheet" href="${rc.contextPath}/static/css/font-awesome.min.css">
    <!-- Ionicons -->
    <link rel="stylesheet" href="${rc.contextPath}/static/css/ionicons.min.css">
    <!-- Theme style -->
    <link rel="stylesheet" href="${rc.contextPath}/static/dist/css/AdminLTE.min.css">
    <!-- AdminLTE Skins. Choose a skin from the css/skins
         folder instead of downloading all of them to reduce the load. -->
    <link rel="stylesheet" href="${rc.contextPath}/static/dist/css/skins/_all-skins.min.css">
    <link rel="stylesheet" href="${rc.contextPath}/static/plugins/datatables/dataTables.bootstrap.css">
    <link rel="stylesheet" href="${rc.contextPath}/static/plugins/daterangepicker/daterangepicker.css">
    <link rel="stylesheet" href="${rc.contextPath}/static/plugins/datepicker/datepicker3.css">
</head>
<!-- ADD THE CLASS fixed TO GET A FIXED HEADER AND SIDEBAR LAYOUT -->
<!-- the fixed layout is not compatible with sidebar-mini -->
<body class="hold-transition skin-blue fixed sidebar-mini">
<#include "/templete/templete.ftl"/>
<!-- Site wrapper -->
<div class="wrapper">
    <!-- 引入导航栏和菜单栏-->
    <@header/>
    <!-- =============================================== -->　
    <!-- 主界面 -->
    <div class="content-wrapper">
        <section class="content">
            <#if (pageInfo.list) ?? >
                <#list pageInfo.list as  info>
                    <!-- Post -->
                    <div class="post clearfix">
                        <div class="user-block">
                            <img class="img-circle img-bordered-sm" src="" alt="User Image">
                            <span class="username">
                          <a href="#">${(info.username)!''}</a>
                        </span>
                            <span class="description"><h4>${(info.title)!'' }</h4></span>
                        </div>
                        <!-- /.user-block -->
                        <p>
                            <a href="#" onclick="gotoDetail('${(info.blog_Id)}')"
                               style="text-decoration:none;out-line: none;color: #0c0c0c">
                                ${(info.content)!''}</a>
                        </p>
                    </div>
                    <!-- /.post -->
                </#list>
            </#if>


            <!-- 分页-->
            <div class="box-footer clearfix">
                <ul class="pagination pagination-sm no-margin pull-right">
                    <#if pageInfo.pages??>
                        <li><a href="#">&laquo;</a></li>
                        <#list 1..pageInfo.pages as index>
                            <li><a href="#" onclick="selectPage('${index}')">${index}</a></li>
                        </#list>
                        <li><a href="#">&raquo;</a></li>
                    </#if>

                </ul>
            </div>
        </section>
    </div>
    <!-- /.content-wrapper -->
    <!-- =============================================== -->
    <!-- 引入底部-->
    <@footer/>
    <div class="control-sidebar-bg"></div>

</div>
<!-- ./wrapper -->
<!-- jQuery 2.2.3 -->
<script src="${rc.contextPath}/static/plugins/jQuery/jquery-2.2.3.min.js"></script>
<!-- Bootstrap 3.3.6 -->
<script src="${rc.contextPath}/static/bootstrap/js/bootstrap.min.js"></script>
<!-- SlimScroll -->
<script src="${rc.contextPath}/static/plugins/slimScroll/jquery.slimscroll.min.js"></script>
<!-- FastClick -->
<script src="${rc.contextPath}/static/plugins/fastclick/fastclick.js"></script>
<!-- AdminLTE App -->
<script src="${rc.contextPath}/static/dist/js/app.min.js"></script>
<!-- AdminLTE for demo purposes -->
<script src="${rc.contextPath}/static/dist/js/demo.js"></script>
<script src="${rc.contextPath}/static/plugins/datepicker/bootstrap-datepicker.js"></script>
<script src="${rc.contextPath}/static/plugins/daterangepicker/moment.min.js"></script>
<script src="${rc.contextPath}/static/plugins/daterangepicker/daterangepicker.js"></script>
<script src="${rc.contextPath}/static/plugins/datepicker/locales/bootstrap-datepicker.zh-CN.js"></script>
<script src="${rc.contextPath}/static/plugins/datatables/jquery.dataTables.min.js"></script>
<script src="${rc.contextPath}/static/plugins/datatables/dataTables.bootstrap.min.js"></script>
<script src="${rc.contextPath}/static/dist/js/html5shiv.min.js"></script>
<script src="${rc.contextPath}/static/dist/js/respond.min.js"></script>
<script src="${rc.contextPath}/static/js/fromtojson.js"></script>
<script>
    function gotoDetail(id) {
        if (id == null || id == '') {
            return;
        }
        window.location.href = "${rc.contextPath}/myBlog/showMyBlog?titleId=" + id;
    }
    function selectPage(index) {
        if (index == null || index == '') {
            return;
        }
        window.location.href = "${rc.contextPath}/myBlog/blogList?currentPage=" + index;
    }

</script>
</body>
</html>
